<template>
  <div class="screen-block">
    <BorderBox13>
      <ScrollRankingBoard :config="config" />
    </BorderBox13>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { ScrollRankingBoard, BorderBox13 } from '@kjgl77/datav-vue3';
const config = ref({
  data: [
    {
      name: '周口',
      value: 55,
    },
    {
      name: '南阳',
      value: 120,
    },
    {
      name: '西峡',
      value: 78,
    },
    {
      name: '驻马店',
      value: 66,
    },
    {
      name: '新乡',
      value: 80,
    },
    {
      name: '信阳',
      value: 45,
    },
    {
      name: '漯河',
      value: 29,
    },
  ],
  carousel: 'page',
});
</script>

<style lang="scss">
.screen-block {
  width: 100%;
  height: 100%;
  .border-box-content {
    padding: 15px;
  }
}
</style>
